.body{
    width: 100%;
    height: 100%;
    overflow-y:scroll;
    font-size: 62.5%;
    background: white;
    font-family: PingFangSC-Light, sans-serif;
}


.hcls{
    width: 94%;
    margin:10px auto ;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f1f1;
}
.descimg{
    width: 100%;
    height:30%;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.spot-desc{
    width: 45%;
    height: 70%;
    margin-top: 7%;
    margin-left: 8%;
    border-radius: 5px;!important;
}
.spot-desc div{
    padding-left:3%;
    width: 100%;
    height: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 30px;
    background: #353535;
    opacity: 0.9;
}

.spot-desc p{
    width: 100%;
    font-size: 1.3rem;
    color: #333;
    background: white;
    opacity: 0.9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5% 4%;

}
.spot-desc div span{
    color:white;
    font-size: 1.6rem;

}
.spot-more{
    display: block;
    width: 6%;
    float: right;
    margin-right: 6%;
    padding-top:5%;
}

.scenicul{
    width: 100%;
    overflow: hidden;
    padding: 8px 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.scenicul li{
    width: 32%;
    overflow: hidden;
    float: left;
}

.hcls1{
    display: block;
    height: 13%;
    width: 100%;
}

.spotfont{
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: white;
    padding-left:5%;
}

.yuan{
    color:#f75e1d;
    font-size: 1.6rem;
}
s{
    color:#747474;
    font-size: 1.3rem;
}

.backcolor {
    bottom:0;
    /*z-index:1001;*/
    position:fixed;
    background:#000;
    left:0;
    right:0;
    height: 100%;
    display: none;
    opacity: 0.7;
}

.sizechoose {
    position: fixed;
    border-radius: 8px;
    top: 40%;
    left: 50%;
    background-color: white;
    width: 86%;
    height: 30%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden;
    display: none;
}

.tiptitle {
    border-bottom: 1px solid #e1e1e1;
    height: 18%;
    width: 100%;
}

.tip {
    width: 90%;
    margin: 15px auto;
}

.select_contain {
    width: 100%;
}

.select_item{
    width: 25%;
    margin-left: 3%;
}

.select_result{
    overflow: hidden;
    position: relative;
    margin-top: 10%;
}

.triangle{
    border:5px solid transparent;
    border-top:5px solid #666;
    position: absolute;
    right: 0;
    top:45%;
}

.fontstyle{
    font-size: 1.5rem;
    color: #333333;
    font-weight: 700;
}
.left{float: left;}
.right{float: right;}

.select_date {
    width: 58%;
    margin-right: 8%;
    display: none;

}

.datechoose {
    width: 100%;
}

.timesure {
    position: absolute;
    bottom:5%;
    right: 5%;
}



#choosetime{
    display: none;
    height: 50%;
    margin-top: 10px;

}
#choosetime .day{
    height: 25%;
    line-height: 100%;
    font-size: 1.4rem;
}

#choosetime .day:hover{
    background: #ededed;
}

#timemultiple span{
    display: block;
    margin-top: 4%;
    font-size: 1.4rem;
    font-weight: 200;


}







/*.select_contain{font-size: 14px;color: #333;line-height: 38px;margin: 30px 0;}*/
/*.select_item{margin-right: 50px;position: relative;}*/
/*.select_tit{margin-right: 20px;}*/
/*.select_result{width: 100px;line-height: 38px;border:1px solid #ccc;text-align: center;border-radius: 4px;text-indent: -8px;cursor:pointer;}*/
/*.select_result .triangle{border:5px solid transparent;border-top:5px solid #666;position: absolute;top: 16px; right:8px;}*/
/*.select_item ul{display:none;position:absolute;top:100%;right:0;width:100px;background: #f3f3f3;border:1px solid #ccc;border-radius:0 0 4px 4px; border-top-color:#f3f3f3;margin-top:-4px;}*/
/*.select_item ul li{text-align: center;cursor: pointer;}*/
/*.select_item ul li:hover{background: #f4a100; color: #fff;}*/
